.uv-cell-group {
  background-color: var(--card-color);

  .uv-line {
    border-bottom: 1px solid var(--border-color) !important;
  }

  .uv-cell {
    .uv-cell__body {
      color: var(--text-color);
      padding: 20rpx 30rpx;
      font-size: 28rpx;

      .uv-cell__body__content {
        :deep(.uv-cell__title-text) {
          font-size: 28rpx;
          color: var(--text-color);
          line-height: unset;
        }
      }
    }
  }

  .uv-cell--clickable {
    background-color: var(--click-color) !important;
  }
}

.sv-uv-textarea {
  :deep(.uv-textarea.uv-border) {
    background-color: var(--card-color) !important;
    border-color: var(--border-color) !important;

    .uv-textarea__field {
      color: var(--text-color);
    }

    .uv-textarea__count {
      background-color: unset !important;
    }
  }
}

.uv-popup {
  :deep(.uv-popup__content) {
    background-color: var(--card-color) !important;

    // 对话框样式
    .uv-modal {
      .uv-modal__title {
        color: var(--text-color);
        font-size: 32rpx;
      }
    }
  }
}

.sv-uv-picker {
  :deep(.uv-popup__content) {
    /* #ifdef MP-WEIXIN */
    background-color: #ffffff !important; // 微信小程序只能白色，或者通过mask-class设置样式
    /* #endif */

    // 选择器样式
    .uv-picker {
      .uv-picker__view {
        .uni-picker-view-wrapper {
          .uni-picker-view-group {
            .uni-picker-view-mask {
              background-image: linear-gradient(180deg, var(--card-alpha-color), var(--bg-alpha-color)),
                linear-gradient(0deg, var(--bg-alpha-color), var(--card-alpha-color));
            }
            .uni-picker-view-indicator {
              &::before,
              &::after {
                border-color: var(--border-color);
              }
            }
            .uni-picker-view-content {
              .uv-picker__view__column__item {
                color: var(--text-color);
              }
            }
          }
        }
      }
    }
  }
}

.sv-uv-list {
  .uv-list {
    background-color: var(--card-color) !important;

    .uv-list--border-top,
    .uv-list--border-bottom {
      background-color: var(--border-color) !important;
    }

    .uv-list-item {
      background-color: unset !important;
      font-size: unset !important;

      .uv-list--border:after {
        background-color: var(--border-color) !important;
      }
    }

    .uv-list-item--hover {
      background-color: var(--click-color) !important;
    }
  }
}

.uv-notice-bar {
  padding: 18rpx 24rpx !important;

  .uv-notice {
    .uv-notice__left-icon {
      margin-right: 10rpx;

      .uv-icon .uv-icon__icon {
        font-size: 38rpx !important;
        line-height: 38rpx !important;
      }
    }
    .uv-notice__swiper {
      height: 32rpx;

      .uv-notice__swiper__item__text {
        font-size: 28rpx !important;
      }
    }
    .uv-notice__right-icon {
      margin-left: 12rpx;

      .uv-icon .uv-icon__icon {
        font-size: 32rpx !important;
        line-height: 32rpx !important;
      }
    }
  }
}
